@font-face {
			font-family: 'doric-bold';
			src: url('Doric-Bold.otf');
			font-weight: bold;
		}
		html {
			width:100%;
			height:100%;			
		}
		body {
			margin: 0px;
			font-family: 'doric-bold', helvetica, arial, verdana, impact, sans, sans-serif;
			color: #000000;
			background-color:#ffffff;
			font-size: 11px;
			line-height: 13px;
			font-weight: bold;
			height:100%;	
			-webkit-appearance: none;
			overflow: hidden;
		}

		td,p, button, input {	
			font-family: inherit;
			color: #000000;
		}
		p {
			padding:0px;
			margin:0px;
			margin-bottom:13px;			
		}

		form {
			padding:0px;
			margin:0px;
		}
		textarea {
			font-family: "Courier New","Times New Roman", Times, arial, helvetica, verdana;
			color: #000000;
			font-size:11px;
			width:220px;
			height:100px;
			resize:none;
		}
		input {
			width:220px;
			font-family: "Courier New","Times New Roman", Times, arial, helvetica, verdana;
			font-size:11px;
		}		
		input, textarea {
			border:1px solid #FFFFFF;
			border-bottom: 1px solid #808080;	
			-moz-box-sizing:border-box;	
			-webkit-box-sizing:border-box;				
			box-sizing:border-box;		
		}		
		
		a, a:link {
			color:#000;
			color:#00f;
			color:#808080;
			display: inline-block;
			text-decoration:none;
			outline: none;		
		}		
		a:hover, .text-post .text a:hover {
			text-decoration:none;
			color:#000;
			background-color:transparent;

		}	
		
		ul {
			list-style-type:none;
			padding:0px;
			margin:0px;
		}

		img {
			border:0px;
			padding:0px;
			margin:0px;
			vertical-align:top;
			font-size:0px;
			line-height:0px;
		}
		
		h1 {
			font-size:30px;
			font-size: 28px;
			font-size: 26px;
			line-height: 33px;
			line-height: 30px;
			letter-spacing: 1px;
			color:#f00;
			padding: 0px;
			margin: 0px;
			font-weight:bold;
			margin-left: -2px;
			-moz-hyphens: none;
			-webkit-hyphens: none;
			hyphens: none;
			max-width: 688px;
			max-width: 762px;
			word-spacing: -1px;
			letter-spacing: 0px;
		}
		
		
		br.clearer,div.clearer {
			height:0px;
			line-height:1px;
			font-size:1px;
			overflow:hidden;
			clear:both;
		}		
		.clearElem {
			clear:both;
		}
	
		.clearfix:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}			
   /**************************************************/		
	#container {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: auto;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;	
	}
	.navActive  #container {
		-webkit-overflow-scrolling: initial;	
	}	
	#head {
		margin: 0px 24px 31px;
		margin: 0px 16px 31px;
		margin: 0px 16px 54px;
		padding-top: 23px;
		z-index: 3;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#logo {
		width: 500px;
		max-width: -moz-calc(100% - 122px);
		max-width: -webkit-calc(100% - 122px);
		max-width: calc(100% - 122px);
		max-width: -moz-calc(100% - 262px);
		max-width: -webkit-calc(100% - 262px);
		max-width: calc(100% - 262px);
		float: left;
		text-transform: uppercase;
	}
	#logo a{
		border: 0px;
		text-decoration:none;
		background-color:transparent;
		color:#000;
	}	
	#navContainer {
		float: left;
		opacity: 0;
	}
	.navActive #navContainer{
		opacity: 1;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		-ms-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;		
	}
	#navContainer li {
		display: inline-block;
	}	
	#navContainer li:after {
		content: '\00a0\00a0\00a0\00a0';
	}	
	#navContainer li:last-child:after {
		content: '';
	}		
	#navContainer a {
		background-color: transparent;
		color:#000;
	}
	#navContainer a.selected, #navContainer a:hover {
		color:#00f;
		color:#808080;
	}

    
	#page {
		margin: 0px 24px 24px;
		margin: 0px 16px 59px;
		margin: 0px 16px 14px;
	}  
	#projectList {
		margin-top: 93px;
	}	
	#projectList, #page .content_entry {
		margin-bottom: 32px;
	}

		
	/* image post*/
	

	.image-post img.portrait {
		max-width: 24%;	
		max-width: -moz-calc(28% - 8px);
		max-width: -webkit-calc(28% - 8px);
		max-width: calc(28% - 8px);		
	}	
	.image-post img.landscape {
		max-width: 32%;
		max-width: -moz-calc(36% - 8px);
		max-width: -webkit-calc(36% - 8px);
		max-width: calc(36% - 8px);
	}	
	.image-post img.square {
		max-width: 26%;
		max-width: -moz-calc(27% - 8px);
		max-width: -webkit-calc(27 - 8px);
		max-width: calc(27% - 8px);			
	}
	
	
	.image-post {
		margin-top: 31px;
		margin-top: 54px;
	} 		
	.image-post:first-child {
		margin-top: 0px;
	}	
	.image-post img {
		margin-right: 8px;
		margin-bottom: 8px;
		vertical-align: bottom;		
		max-width: 100%;
	} 	
	.image-post h1 {
		display: none;
	}
	.image-post .text {
		margin-top: 7px;
	}  	

	.image-post.news, .image-post.news p {
		color: #f00;
	}  	
	/* text post*/
	.text-post{
		margin-top: 26px;
		margin-top: 49px;
	} 	
	
	.text-post .text {
		color: #f00;
		margin-top: 11px;
	}   

	.text-post .text * {
		color: #f00;
	} 
	.text-post.intro .text *, .text-post.intro h1{
		color: #000;
	}
	.text-post.intro .text {
		width: 100%;	
		max-width: 1200px;
	}		
	.text-post.intro .text *{
		color: #000;
		font-size: 26px;
		line-height: 30px;		
	}	
	.text-post.intro h1{
		display: none;
	}
	.text-post .text a {
		color: #00f;
		color:#808080;
	}	
	.text {
		max-width: 664px;
		max-width: 760px;
	}
	
	/* video post*/
	.video-post iframe {
		max-width: 75%;
		height: 100%;
		position: absolute;
	}	
	
	.video-post {
		margin-top: 31px;
		margin-top: 54px;
	} 		
	.video-post img {
		margin-right: 8px;
		margin-bottom: 8px;
		vertical-align: bottom;		
	} 	
	.video-post h1 {
		display: none;
	}
	.video-post .text {
		margin-top: 7px;
	}  	
	.video-post .images {
		position: relative;
	}  	
	
	
	.copyright  .text,.copyright .text *, #back_to_top {
		color: #000;
	}
	.copyright {
		margin-top: 46px;
		margin-top: 110px;
		margin-top: 52px;
	}
	#aboutInner > div {
		max-width: 640px;
		height: 100%;
	}
	#about {
		max-width: 664px;
		margin-top: 38px;
		margin-top: 54px;
		margin-top: 70px;
		margin-bottom: 80px;
	}
	#contact {
		margin-bottom: 80px;
	}	
	#projects {
		height: 100%;
	}		
	#bttop {
		position: fixed !important;
		bottom: 16px;
		right: 32px;
		font-size: 16px;
		cursor: pointer;
	}
	.bounce #bttop, .navActive #bttop {
		display: none;
	}
	

	#loadingInner {
		padding-bottom: 32px;
	}	
	

	#aboutContainer {
		height: 0;
		width: 100%;
		overflow: hidden;

		background-color:#93BCFF;
		background-color:#B1DBFF;
		background-color:#fff;
		position: fixed;
		top: 0px;
		left: 0px;
	
		opacity: 0;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		transition: opacity 1s ease-in-out, height 0.5s ease-in-out;				
	}	
	#aboutInner {
		height: 100%;
		padding-left: 16px;
		padding-right: 16px;
	}
	.navActive #aboutInner {
		min-height: 110%;
		/*padding: 16px;*/
	}	
	.navActive #aboutContainer {
		z-index:2;
		opacity: 1;
		height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;	
		-webkit-transition: opacity 1s ease-in-out, height 0.5s ease-in-out;
		-moz-transition: opacity 1s ease-in-out, height 0.5s ease-in-out;
		-o-transition: opacity 1s ease-in-out, height 0.5s ease-in-out;
		-ms-transition: opacity 1s ease-in-out, height 0.5s ease-in-out;
		transition: opacity 1s ease-in-out, height 0.5s ease-in-out;		
		
	}	


	#nav_toggle {
		position: fixed;
		top: 24px;
		right: 32px;
		width: 23px;
		height: 23px;
		font-size: 21px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		box-sizing: border-box;
		cursor: pointer;
		z-index: 5;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;		
		background-image: url(../fileadmin/template/img/L&A-Open.svg);	
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.navActive #nav_toggle {
		
		top: 23px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;			
	}	
	
	.navActive #head {
		margin: 0px 0px 38px;
		padding-left: 16px;
		padding-right: 16px;
		width: 96%;
		width: -webkit-calc(100% - 17px);
		width: -moz-calc(100% - 17px);
		width: calc(100% - 17px);
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		-webkit-transition: headBGC 1s ease-in-out;
		-moz-transition: headBGC 1s ease-in-out;
		-o-transition: headBGC 1s ease-in-out;
		-ms-transition: headBGC 1s ease-in-out;
		transition: headBGC 1s ease-in-out;			
	}
	@keyframes headBGC {
	  0%   { background-color: transparent; }
	  1%   { background-color: #FFFFFF; }
	  100% { background-color: #93BCFF;  }
	}

	@media screen and (max-width: 1440px) {
		#head {
			margin-left: 16px;
			margin-right: 16px;
		}	
		#page {
			margin-left: 16px;
			margin-right: 16px;
		}  	
		#back_to_top {
			bottom: 16px;
			right: 16px;
		}		
		/*.image-post img.portrait {
			max-width: 385px;
			max-height: 520px;
		}	
		.image-post img.landscape {
			max-width: 520px;
			max-height: 385px;
		}	
		.image-post img.square {
			max-width: 385px;			
		}	*/	
		.image-post img.portrait {
			max-width: 29%;	
			max-width: -moz-calc(30% - 8px);
			max-width: -webkit-calc(30% - 8px);
			max-width: calc(30% - 8px);		
		}	
		.image-post img.landscape {
			max-width: 49%;
			max-width: -moz-calc(50% - 8px);
			max-width: -webkit-calc(50% - 8px);
			max-width: calc(50% - 8px);
		}	
		.image-post img.square {
			max-width: 39%;
			max-width: -moz-calc(40% - 8px);
			max-width: -webkit-calc(40% - 8px);
			max-width: calc(40% - 8px);			
		}		
	}
	
	@media screen and (max-width: 1024px) {
		#head {
			margin-left: 16px;
			margin-right: 16px;
		}	
		#page {
			margin-left: 16px;
			margin-right: 16px;
		}  	
	}
	
	@media screen and (max-width: 768px) {
		.image-post img.portrait {
			max-width: 65%;	

		}	
		.image-post img.landscape {
			max-width: 100%;
		}	
		.image-post img.square {
			max-width: 75%;		
		}			
	}	
	@media screen and (max-width: 540px) {
		#head {
			margin: 0px 16px 31px 16px;
			padding-top: 15px;
		}	
		
		
		#logo, #navContainer {
			float: none;
			width:100%;
			max-width: 100%;
		}	
		#navContainer {
			margin-top: 26px;
			padding-right: 16px;
			text-align: right;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}			
		#page {
			margin: 0px 16px;
		}  		
		.image-post img.portrait, .image-post img.landscape, .image-post img.square {
			width: 100%;
			height: auto;
			max-width: 100%;
			max-height: none;
		}
		.video-post iframe {
			max-width: 100%;
		}		

		#back_to_top {
			bottom: 16px;
			right: 16px;
		}	
		.text-post.black .text *{
			color: #000;
			font-size: 18px;
			line-height: 22px;		
		}			
	}